<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="AviaSlider is a jQuery Slider plugin with very unique transition effects" />

	<title>AviaSlider - a unique jQuery Image slideshow plugin</title>
	
	<!-- ########## CSS Files ########## -->	
	<!-- Screen CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
	<!-- lightbox CSS -->
	<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />	
	<!-- ########## end css ########## -->	
	
	
	<!-- JAVASCRIPT GOES HERE -->		
	<script type='text/javascript' src='js/jquery.js'></script>
	<script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript"></script>	
	
	<!--this file includes the aviaslider: -->
	<script type='text/javascript' src='js/jquery.aviaSlider.js'></script>
	
	<!--this file includes the activation call for the avia slider. You should edit here: -->
	<script type='text/javascript' src='js/custom.js'></script>

</head>
	<body id='top'>
		<div class='wrapper_fullwidth'>
			
			<div class="center">
				<a class='tw' href="http://twitter.com/kriesi/">Follow me on twitter</a>
				<a class='fb' href="http://www.facebook.com/pages/Kriesi/333648177216/">Join the Facebook group for update informations</a>
				<a class='kat' href="http://www.kriesi.at/blog/">Created by Kriesi</a>
			</div>
		
		</div>
		
		<div class="center">
				
				<h1 class="logo"><a href="index.html">AviaSlider - a jquery image slider</a></h1>
				
				<ul class='aviaslider' id="frontpage-slider">
					<li><a href="images/slides/1.jpg" title="" ><img src="images/slides/1.jpg" alt="" /></a></li>
					<li><a href="images/slides/2.jpg" title=""><img src="images/slides/2.jpg" alt="A heading of your choice :: This is the image description defined in your alt tag" /></a></li>
					<li><a href="images/slides/5.jpg" title=""><img src="images/slides/3.jpg" alt="Another heading :: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor" /></a></li>
					<li><a href="images/slides/4.jpg" title=""><img src="images/slides/4.jpg" alt="No Heading, just a line of content" /></a></li>
					<li><a href="images/slides/5.jpg" title=""><img src="images/slides/5.jpg" alt="" /></a></li>
				</ul>
				
				<div id="main">
				
				<div class="sidebar">
					<h2 id='heading_examples'>Examples</h2>
					<ul>
						<li><a href="?slider=diagonal-blocks"><img src="images/layout/examples1.gif" alt="" /></a></li>
						<li><a href="?slider=winding-blocks"><img src="images/layout/examples2.gif" alt="" /></a></li>
						<li><a href="?slider=randomized-blocks"><img src="images/layout/examples3.gif" alt="" /></a></li>
						<li><a href="?slider=droping-curtain"><img src="images/layout/examples4.gif" alt="" /></a></li>
						<li><a href="?slider=fading_curtain"><img src="images/layout/examples5.gif" alt="" /></a></li>
						<li><a href="?slider=fading-top-curtain"><img src="images/layout/examples6.gif" alt="" /></a></li>
						<li><a href="?slider=fullwidth-fade-slider"><img src="images/layout/examples7.gif" alt="" /></a></li>
						<li><a href="?slider=direction-fade-slider"><img src="images/layout/examples8.gif" alt="" /></a></li>
					</ul>
					
				</div>
				<div class="content">
				<h3 id='heading_features'>Features of the Avia Image Slider</h3>
				<ul>
					<li>8 unique transition effects</li>
					<li>Lots of easy to set options to create your own effects</li>
					<li>Included Image preloader</li>
					<li>Autoplay that stops on user interaction</li>
					<li>Valid HTML5 and CSS 3 Markup</li>
					<li>Packed version only weights 8kb</li>
					<li>Supports linked images</li>
					<li>already prepared to work with prettyPhoto Lightbox</li>
					<li>works with jQuery 1.32 and higher</li>
				</ul>
				
				<h3 id='heading_browser'>Browser Support</h3>
				<ul>
					<li>Internet Explorer 6 and higher</li>
					<li>Safari 3 and higher</li>
					<li>Firefox 2 and higher</li>
					<li>Opera 10 and higher</li>
					<li>Google Chrome 3 and higher</li>
					<li>Checks for last 3 Browsers performed on Mac &amp; Win</li>
				</ul>
				
				<h3 id='heading_docs'>Download &amp; Docs</h3>
				<p>Documentation, CSS and Javascript files are available at Codecanyon.net for a small fee.<br/>
Get your copy now!</p>
				
				<a id="download" href='http://codecanyon.net/item/aviaslider-jquery-slideshow/105090ref=Kriesi'>Download</a>
				
				</div>
		<!-- end center-->
		</div>
	</div>
		<div class='wrapper_fullwidth'>
			
			<div class="center" id="bottom">
				&copy; Copyright <a href="http://www.kriesi.at/blog/"> Kriesi</a> &amp; <a href="http://aviathemes.com/">AviaThemes</a>
			</div>
		
		</div>
	
	</body>
</html>